<template>
    <div class="box">
        <div class="main">
            <div class="left">
                <div class="text1">前端无忧教育 隶属于驻场教育旗下平台</div>
                <div class="text2">© 2019 驻场无忧信息技术有限公司 京ICP备17023025号-1</div>
            </div>
            <div class="right">
                <div class="text1">
                    <p>扫描二维码</p>
                    <p>关注前端无忧</p>
                </div>
                <img src="./image/二维码.png" alt="">
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'Bottom',
   data() {
      return {
      }
   }
}
</script>
<style lang="less" scoped>
    .box{
        margin-top: 69px;
        width: 1920px;
        height: 124px;
        background-color: #F0F0F0;
        .main{
            width: 1204px;
            margin: auto;
            display: flex;
            justify-content: space-between;
            .left{
                .text1{
                    margin-top: 41px;
                    font-size: 14px;
                    color: #333;
                }
                .text2{
                    margin-top: 23px;
                    font-size: 14px;
                    color: #333;
                }
            }
            .right{
                display: flex;
                .text1{
                    margin-top: 44px;
                    margin-right: 38px;
                    font-size: 14px;
                    color: #333;
                    p{
                        margin-bottom: 10px;
                    }
                }
                img{
                    margin-top: 16px;
                }
            }
            
        }
    }
</style>
